<?php
use yii\helpers\Url;

$web = Url::base();

$site_name = \app\models\Mall::getCurrentInstitutionSiteName();
$this->title = '环能德美服务包';
?>

<style type="text/css">

    .header {
        width: 16rem;
        height: 6.55rem;
        background: url(http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/head-bg.png) no-repeat;
        background-size: cover;
    }

    .header .logo {
        width: 3.3rem;
        height: 2.2rem;
        margin-left: 1.5rem;
    }

    .flow {
        padding-bottom: 1.375rem;
    }

    .flow .title {
        width: 10.45rem;
        height: .875rem;
        margin: 0 auto;
        /*overflow: hidden;*/
    }

    .flow .title img.left-bg {
        float: left;
        width: 2.5rem;
        height: .875rem;
    }

    .flow .title p {
        float: left;
        margin-left: .6rem;
        font-size: .6rem;
        font-weight: bold;
        color: #333;
        line-height: .875rem;
    }

    .flow .title img.right-bg {
        float: right;
        width: 2.5rem;
        height: .875rem;
    }

    .flow .flow-1 {
        margin-top: .3rem;
        overflow: hidden;
    }

    .flow .flow-1 .topic {
        font-size: .45rem;
        text-align: center;
        font-size: #333333;
    }

    .flow .flow-1 .content1 {
        margin-top: .625rem;
        margin-left: .625rem;
        float: left;
        width: 7.15rem;
        height: 1.875rem;
        border-radius: .2rem;
        background: #e8e9e9;
        position: relative;
    }

    .flow .flow-1 .content1 .num {
        font-size: 1.175rem;
        font-family: "arial black";
        font-weight: bold;
        color: #6fa51d;
        line-height: 1.857rem;
        position: absolute;
        left: .15rem;
    }

    .flow .flow-1 .content1 .text {
        margin-left: .9rem;
        margin-top: .4rem;
        width: 6.3rem;
        font-size: .45rem;
        color: #898989;
    }

    .flow .flow-1 .content1 img {
        width: .35rem;
        height: .525rem;
        position: absolute;
        right: -.35rem;
        top: .675rem;
    }

    .flow .flow-1 .content2 {
        margin-top: .625rem;
        margin-left: .55rem;
        float: left;
        width: 7.15rem;
        height: 1.875rem;
        border-radius: .2rem;
        background: #e8e9e9;
        position: relative;
    }

    .flow .flow-1 .content2 .num {
        font-size: 1.175rem;
        font-family: "arial black";
        font-weight: bold;
        color: #6fa51d;
        line-height: 1.857rem;
        position: absolute;
        left: .15rem;
    }

    .flow .flow-1 .content2 .text {
        margin-left: .9rem;
        margin-top: .4rem;
        width: 6.3rem;
        font-size: .45rem;
        color: #898989;
    }

    .flow .flow-1 .content2 img {
        width: .35rem;
        height: .525rem;
        position: absolute;
        bottom: -.45rem;
        left: 3.275rem;
        transform: rotate(90deg);
    }

    .flow .flow-1 .content3 {
        margin-top: .625rem;
        margin-right: .55rem;
        float: right;
        width: 7.15rem;
        height: 1.875rem;
        border-radius: .2rem;
        background: #e8e9e9;
        position: relative;
    }

    .flow .flow-1 .content3 .num {
        font-size: 1.175rem;
        font-family: "arial black";
        font-weight: bold;
        color: #6fa51d;
        line-height: 1.857rem;
        position: absolute;
        left: .15rem;
    }

    .flow .flow-1 .content3 .text {
        margin-left: .9rem;
        margin-top: .4rem;
        width: 6.3rem;
        font-size: .45rem;
        color: #898989;
    }

    .flow .flow-1 .content3 img {
        width: .35rem;
        height: .525rem;
        position: absolute;
        left: -.35rem;
        top: .675rem;
        transform: rotate(180deg);
    }

    .flow .flow-1 .content4 {
        margin-top: .625rem;
        margin-left: .625rem;
        float: left;
        width: 7.15rem;
        height: 1.875rem;
        border-radius: .2rem;
        background: #e8e9e9;
        position: relative;
    }

    .flow .flow-1 .content4 .num {
        font-size: 1.175rem;
        font-family: "arial black";
        font-weight: bold;
        color: #6fa51d;
        line-height: 1.857rem;
        position: absolute;
        left: .15rem;
    }

    .flow .flow-1 .content4 .text {
        margin-left: .9rem;
        margin-top: .4rem;
        width: 6.3rem;
        font-size: .45rem;
        color: #898989;
    }

    .flow .flow-2 {
        margin-top: 1rem;
        overflow: hidden;
    }

    .flow .flow-2 .topic {
        font-size: .45rem;
        text-align: center;
        font-size: #333333;
    }

    .flow .flow-2 .content1 {
        margin-top: .625rem;
        margin-left: .625rem;
        float: left;
        width: 7.15rem;
        height: 1.875rem;
        border-radius: .2rem;
        background: #e8e9e9;
        position: relative;
    }

    .flow .flow-2 .content1 .num {
        font-size: 1.175rem;
        font-family: "arial black";
        font-weight: bold;
        color: #6fa51d;
        line-height: 1.857rem;
        position: absolute;
        left: .15rem;
    }

    .flow .flow-2 .content1 .text {
        margin-left: .9rem;
        margin-top: .4rem;
        width: 6.3rem;
        font-size: .45rem;
        color: #898989;
    }

    .flow .flow-2 .content1 img {
        width: .35rem;
        height: .525rem;
        position: absolute;
        right: -.35rem;
        top: .675rem;
    }

    .flow .flow-2 .content2 {
        margin-top: .625rem;
        margin-left: .55rem;
        float: left;
        width: 7.15rem;
        height: 1.875rem;
        border-radius: .2rem;
        background: #e8e9e9;
        position: relative;
    }

    .flow .flow-2 .content2 .num {
        font-size: 1.175rem;
        font-family: "arial black";
        font-weight: bold;
        color: #6fa51d;
        line-height: 1.857rem;
        position: absolute;
        left: .15rem;
    }

    .flow .flow-2 .content2 .text {
        margin-left: .9rem;
        margin-top: .4rem;
        width: 6.3rem;
        font-size: .45rem;
        color: #898989;
    }

    .flow .flow-2 .content2 img {
        width: .35rem;
        height: .525rem;
        position: absolute;
        bottom: -.45rem;
        left: 3.275rem;
        transform: rotate(90deg);
    }

    .flow .flow-2 .content3 {
        margin-top: .625rem;
        margin-right: .55rem;
        float: right;
        width: 7.15rem;
        height: 1.875rem;
        border-radius: .2rem;
        background: #e8e9e9;
        position: relative;
    }

    .flow .flow-2 .content3 .num {
        font-size: 1.175rem;
        font-family: "arial black";
        font-weight: bold;
        color: #6fa51d;
        line-height: 1.857rem;
        position: absolute;
        left: .15rem;
    }

    .flow .flow-2 .content3 .text {
        margin-left: .9rem;
        margin-top: .4rem;
        width: 6.3rem;
        font-size: .45rem;
        color: #898989;
    }

    .flow .flow-2 .content3 img {
        width: .35rem;
        height: .525rem;
        position: absolute;
        left: -.35rem;
        top: .675rem;
        transform: rotate(180deg);
    }

    .flow .flow-2 .content4 {
        margin-top: .625rem;
        margin-left: .625rem;
        float: left;
        width: 7.15rem;
        height: 1.875rem;
        border-radius: .2rem;
        background: #e8e9e9;
        position: relative;
    }

    .flow .flow-2 .content4 .num {
        font-size: 1.175rem;
        font-family: "arial black";
        font-weight: bold;
        color: #6fa51d;
        line-height: 1.857rem;
        position: absolute;
        left: .15rem;
    }

    .flow .flow-2 .content4 .text {
        margin-left: .9rem;
        margin-top: .4rem;
        width: 6.3rem;
        font-size: .45rem;
        font-weight: bold;
        color: #f39800;
    }

    .grogshop {
        background: #f7f8f8;
        overflow: hidden;
    }

    .grogshop .title {
        width: 9.25rem;
        height: .875rem;
        margin: 0 auto;
        margin-top: .5rem;
        margin-bottom: .5rem;
        /*overflow: hidden;*/
    }

    .grogshop .title img.left-bg {
        float: left;
        width: 2.5rem;
        height: .875rem;
    }

    .grogshop .title p {
        float: left;
        margin-left: .6rem;
        font-size: .6rem;
        font-weight: bold;
        color: #333;
        line-height: .875rem;
    }

    .grogshop .title img.right-bg {
        float: right;
        width: 2.5rem;
        height: .875rem;
    }

    .grogshop .content {
        float: left;
        margin-left: .333rem;
        margin-bottom: .333rem;
        width: 7.5rem;
        height: 10.5rem;
        background: #ffffff;
        border-radius: .2rem;
    }

    .grogshop .content img {
        width: 7.5rem;
        height: 4.5rem;
        border-top-left-radius: .2rem;
        border-top-right-radius: .2rem;
    }

    .grogshop .content .name {
        font-size: .525rem;
        font-weight: bold;
        padding-left: .525rem;
        color: #727171;
        line-height: 1.15rem;
        width: 6.975rem;
        height: 1.15rem;
        border-bottom: 1px dashed #efefef;
    }

    .grogshop .content .name span {
        font-size: .4rem;
    }

    .grogshop .content .address {
        margin-top: .3rem;
        margin-left: .525rem;
        overflow: hidden;
    }

    .grogshop .content .address p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .grogshop .content .address p:nth-child(2) {
        width: 5rem;
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .grogshop .content .phone {
        margin-top: .2rem;
        margin-left: .525rem;
        overflow: hidden;
    }

    .grogshop .content .phone p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .grogshop .content .phone p:nth-child(2) {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .grogshop .content .phone p:nth-child(2) a {
        color: #9FA0A0;
    }

    .grogshop .content .price {
        margin-top: .2rem;
        margin-left: .525rem;
        overflow: hidden;
    }

    .grogshop .content .price p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .grogshop .content .price .num {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .grogshop .content .price .num p:first-child {
        width: 4.5rem;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .grogshop .content .price .num p:nth-child(2) {
        width: 4.5rem;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .grogshop .content .else {
        margin-top: .2rem;
        margin-left: .525rem;
        overflow: hidden;
    }

    .grogshop .content .else p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .grogshop .content .else p:nth-child(2) {
        float: left;
        width: 5.25rem;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .grogshop .content .else p:nth-child(2) span {
        color: #6fa51d;
    }

    .travel {
        background: #FFFFFF;
        padding-bottom: .6rem;
        overflow: hidden;
    }

    .travel .title {
        width: 10.6rem;
        height: .875rem;
        margin: 0 auto;
        margin-top: .9rem;
        margin-bottom: .75rem;
        /*overflow: hidden;*/
    }

    .travel .title img.left-bg {
        float: left;
        width: 2.5rem;
        height: .875rem;
    }

    .travel .title p {
        float: left;
        margin-left: .6rem;
        font-size: .6rem;
        font-weight: bold;
        color: #333;
        line-height: .875rem;
    }

    .travel .title img.right-bg {
        float: right;
        width: 2.5rem;
        height: .875rem;
    }

    .travel .content {
        float: left;
        margin-left: .3333rem;
        margin-bottom: .5rem;
        width: 7.5rem;
        height: 3.4rem;
        background: url(http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/travel-bg.png) no-repeat;
        background-size: cover;
    }

    .travel .content .name {
        font-size: .525rem;
        color: #727171;
        width: 7.5rem;
        height: 1.1rem;
        text-align: center;
        line-height: 1.1rem;
    }

    .travel .content .name-1 {
        font-size: .525rem;
        color: #727171;
        width: 7.5rem;
        height: 1.1rem;
        text-align: center;
        line-height: 1.1rem;
        letter-spacing: -1px;
    }

    .travel .content .name-2 {
        font-size: .4rem;
        color: #727171;
        width: 7.5rem;
        height: 1.1rem;
        text-align: center;
        line-height: 1.1rem;
        letter-spacing: -1.5px;
    }

    .travel .content .phone {
        margin-top: .3rem;
        margin-left: .525rem;
        overflow: hidden;
    }

    .travel .content .phone p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .travel .content .phone p:nth-child(2) {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .travel .content .phone p:nth-child(2) a {
        color: #9fa0a0;
    }

    .travel .content .price {
        margin-top: .2rem;
        margin-left: .525rem;
        overflow: hidden;
    }

    .travel .content .price p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .travel .content .price p:nth-child(2) {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .travel .content .else {
        margin-top: .2rem;
        margin-left: .525rem;
        overflow: hidden;
    }

    .travel .content .else p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .travel .content .else p:nth-child(2) {
        float: left;
        font-size: .4rem;
        color: #6fa51d;
    }

    .catering {
        background: #f7f8f8;
        overflow: hidden;
    }

    .catering .title {
        width: 9.25rem;
        height: .875rem;
        margin: 0 auto;
        margin-top: .5rem;
        margin-bottom: .5rem;
        /*overflow: hidden;*/
    }

    .catering .title img.left-bg {
        float: left;
        width: 2.5rem;
        height: .875rem;
    }

    .catering .title p {
        float: left;
        margin-left: .6rem;
        font-size: .6rem;
        font-weight: bold;
        color: #333;
        line-height: .875rem;
    }

    .catering .title img.right-bg {
        float: right;
        width: 2.5rem;
        height: .875rem;
    }

    .catering .content {
        float: left;
        margin-left: .333rem;
        margin-bottom: .333rem;
        width: 7.5rem;
        height: 10.5rem;
        background: #ffffff;
        border-radius: .2rem;
    }

    .catering .content img {
        width: 7.5rem;
        height: 4.5rem;
        border-top-left-radius: .2rem;
        border-top-right-radius: .2rem;
    }

    .catering .content .name {
        font-size: .525rem;
        font-weight: bold;
        padding-left: .525rem;
        color: #727171;
        line-height: 1.15rem;
        width: 6.975rem;
        height: 1.15rem;
        border-bottom: 1px dashed #efefef;
    }

    .catering .content .name span {
        font-size: .4rem;
    }

    .catering .content .address {
        margin-top: .3rem;
        margin-left: .525rem;
        overflow: hidden;
    }

    .catering .content .address p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .catering .content .address p:nth-child(2) {
        width: 5rem;
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .catering .content .phone {
        margin-top: .2rem;
        margin-left: .525rem;
        overflow: hidden;
    }

    .catering .content .phone p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .catering .content .phone p:nth-child(2) {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .catering .content .phone p:nth-child(2) a {
        color: #9FA0A0;
    }

    .catering .content .order {
        margin-top: .2rem;
        margin-left: .525rem;
        overflow: hidden;
    }

    .catering .content .order p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .catering .content .order p:nth-child(2) {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .catering .content .buffet {
        margin-top: .2rem;
        margin-left: .525rem;
        overflow: hidden;
    }

    .catering .content .buffet p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .catering .content .buffet p:nth-child(2) {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .catering .content .price {
        margin-top: .2rem;
        margin-left: .525rem;
        overflow: hidden;
    }

    .catering .content .price p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .catering .content .price p:nth-child(2) {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .catering .content .else {
        margin-top: .2rem;
        margin-left: .525rem;
        overflow: hidden;
    }

    .catering .content .else p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .catering .content .else p:nth-child(2) {
        float: left;
        width: 5.25rem;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .catering .content .else p:nth-child(2) span {
        color: #6fa51d;
    }

    .car {
        background: #FFF;
        overflow: hidden;
        padding-top: .3rem;
        border-bottom: .333rem solid #f7f8f8;
    }

    .car .title {
        width: 12rem;
        height: .875rem;
        margin: 0 auto;
        margin-top: .5rem;
        margin-bottom: .5rem;
        overflow: hidden;
    }

    .car .title img.left-bg {
        float: left;
        width: 2.5rem;
        height: .875rem;
    }

    .car .title p {
        float: left;
        margin-left: .6rem;
        font-size: .6rem;
        font-weight: bold;
        color: #333;
        line-height: .875rem;
    }

    .car .title img.right-bg {
        float: right;
        width: 2.5rem;
        height: .875rem;
    }

    .car .content-1 .headline {
        margin-left: 2.375rem;
        overflow: hidden;
    }

    .car .content-1 .headline .name-1 {
        float: left;
        text-align: center;
        color: #FFFFFF;
        font-size: .5rem;
        padding-top: .1rem;
        width: 2.625rem;
        height: 1.075rem;
        background: url(http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/service-bg.png) no-repeat;
        background-size: cover;
    }

    .car .content-1 .headline .name-2 {
        float: left;
        font-size: .525rem;
        color: #6fa51d;
        margin-left: .3rem;
        margin-top: .1rem;
    }

    .car .content-1 .text {
        width: 11.85rem;
        height: 1.875rem;
        margin-top: -1px;
        margin-left: 2.075rem;
        border-radius: .15rem;
        border: 1px solid #6fa51d;
        margin-bottom: .9rem;
    }

    .car .content-1 .text .phone {
        margin-top: .4rem;
        margin-left: 1rem;
        overflow: hidden;
    }

    .car .content-1 .text .phone p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .car .content-1 .text .phone p:nth-child(2) {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .car .content-1 .text .phone p:nth-child(2) a {
        color: #9fa0a0;
    }

    .car .content-1 .text .price {
        margin-top: .2rem;
        margin-left: 1rem;
    }

    .car .content-1 .text .price p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .car .content-1 .text .price p:nth-child(2) {
        float: left;
        font-size: .4rem;
        color: #f39800;
    }

    .car .content-2 .headline {
        margin-left: 2.375rem;
        overflow: hidden;
    }

    .car .content-2 .headline .name-1 {
        float: left;
        text-align: center;
        color: #FFFFFF;
        font-size: .5rem;
        padding-top: .1rem;
        width: 2.625rem;
        height: 1.075rem;
        background: url(http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/service-bg.png) no-repeat;
        background-size: cover;
    }

    .car .content-2 .headline .name-2 {
        float: left;
        font-size: .525rem;
        color: #6fa51d;
        margin-left: .3rem;
        margin-top: .1rem;
    }

    .car .content-2 .text {
        width: 11.85rem;
        height: 2.4rem;
        margin-top: -1px;
        margin-left: 2.075rem;
        border-radius: .15rem;
        border: 1px solid #6fa51d;
        margin-bottom: .9rem;
        position: relative;
    }

    .car .content-2 .text .phone {
        margin-top: .4rem;
        margin-left: 1rem;
        overflow: hidden;
    }

    .car .content-2 .text .phone p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .car .content-2 .text .phone p:nth-child(2) {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .car .content-2 .text .phone p:nth-child(2) a {
        color: #9fa0a0;
    }

    .car .content-2 .text .address {
        margin-top: .15rem;
        margin-left: 1rem;
        overflow: hidden;
    }

    .car .content-2 .text .address p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .car .content-2 .text .address p:nth-child(2) {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .car .content-2 .text .price {
        margin-top: .15rem;
        margin-left: 1rem;
    }

    .car .content-2 .text .price p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .car .content-2 .text .price p:nth-child(2) {
        float: left;
        font-size: .4rem;
        color: #f39800;
    }

    .car .content-2 .text img {
        width: 2.975rem;
        height: 2.4rem;
        position: absolute;
        right: 0;
        top: 0;
        border-bottom-right-radius: .14rem;
        border-top-right-radius: .14rem;
    }

    .advertisement {
        padding-bottom: 1rem;
    }

    .advertisement .title {
        width: 10.45rem;
        height: .875rem;
        margin: 0 auto;
        margin-top: .5rem;
        margin-bottom: .5rem;
        overflow: hidden;
    }

    .advertisement .title img.left-bg {
        float: left;
        width: 2.5rem;
        height: .875rem;
    }

    .advertisement .title p {
        float: left;
        margin-left: .6rem;
        font-size: .6rem;
        font-weight: bold;
        color: #333;
        line-height: .875rem;
    }

    .advertisement .title img.right-bg {
        float: right;
        width: 2.5rem;
        height: .875rem;
    }

    .advertisement .headline {
        text-align: center;
        font-size: .525rem;
        color: #6fa51d;
    }

    .advertisement .content-1 .text {
        width: 11.85rem;
        height: 1.875rem;
        margin-top: .4rem;
        margin-left: 2.075rem;
        border-radius: .15rem;
        border: 1px solid #6fa51d;
        margin-bottom: .9rem;
    }

    .advertisement .content-1 .text .phone {
        margin-top: .4rem;
        margin-left: 1rem;
        overflow: hidden;
    }

    .advertisement .content-1 .text .phone p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .advertisement .content-1 .text .phone p:nth-child(2) {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .advertisement .content-1 .text .phone p:nth-child(2) a {
        color: #9fa0a0;
    }

    .advertisement .content-1 .text .price {
        margin-top: .2rem;
        margin-left: 1rem;
    }

    .advertisement .content-1 .text .price p:first-child {
        float: left;
        font-size: .4rem;
        color: #9fa0a0;
    }

    .advertisement .content-1 .text .price p:nth-child(2) {
        float: left;
        font-size: .4rem;
        color: #f39800;
    }
</style>

<div class="main">
    <div class="header">
        <img class="logo" src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/logo.png"/>
    </div>
    <div class="flow">
        <div class="title">
            <img class="left-bg" src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/title-left-bg.png"/>
            <p>服务包使用流程</p>
            <img class="right-bg" src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/title-right-bg.png"/>
        </div>
        <div class="flow-1">
            <p class="topic">一、对公业务使用流程</p>
            <div class="content1">
                <p class="num">1</p>
                <p class="text">进入公司后勤服务系列支持包，<br/>选择自己所需的板块服务包</p>
                <img src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/guide-icon.jpg"/>
            </div>
            <div class="content2">
                <p class="num">2</p>
                <p class="text">根据服务包内容和业务需要，<br/>选择服务商家或供应商</p>
                <img src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/guide-icon.jpg"/>
            </div>
            <div class="content3">
                <p class="num">3</p>
                <p class="text">告知办公室，由办公室负责<br/>与服务商家或供应商沟通预定</p>
                <img src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/guide-icon.jpg"/>
            </div>
            <div class="content4">
                <p class="num">4</p>
                <p class="text">使用并反馈意见至办公室，<br/>办公室定期统计划分费用</p>
            </div>
        </div>
        <div class="flow-2">
            <p class="topic">二、私人使用流程</p>
            <div class="content1">
                <p class="num">1</p>
                <p class="text">进入公司后勤服务系列支持包，<br/>选择自己所需的板块服务包</p>
                <img src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/guide-icon.jpg"/>
            </div>
            <div class="content2">
                <p class="num">2</p>
                <p class="text">根据服务包内容和业务需要，<br/>选择服务商家或供应商</p>
                <img src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/guide-icon.jpg"/>
            </div>
            <div class="content3">
                <p class="num">3</p>
                <p class="text">告知办公室，由办公室负责<br/>与服务商家或供应商沟通预定</p>
                <img src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/guide-icon.jpg"/>
            </div>
            <div class="content4">
                <p class="num">4</p>
                <p class="text">自行消费结账，公司不承担<br/>任何私人消费费用</p>
            </div>
        </div>
    </div>

    <div class="grogshop">
        <div class="title">
            <img class="left-bg" src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/title-left-bg.png"/>
            <p>酒店服务包</p>
            <img class="right-bg" src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/title-right-bg.png"/>
        </div>
        <div class="content">
            <img class="lazy" data-original="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/grogshop-img1.jpg"/>
            <p class="name">友豪锦江酒店</p>
            <div class="address">
                <p>地址：</p>
                <p>武侯区武科东二路2号，距公司0.5km。</p>
            </div>
            <div class="phone">
                <p>联系方式：</p>
                <p>
                    <a href="tel:13693409816">13693409816</a><span>（黄铮）</span></p>
            </div>
            <div class="price">
                <p>参考价格：</p>
                <div class="num">
                    <p>普间价：418</p>
                    <p>豪间价：528</p>
                </div>
            </div>
            <div class="else">
                <p>其他：</p>
                <p><span>公司协议合作单位，可挂账，</span><br/>免费停车场。</p>
            </div>
        </div>
        <div class="content">
            <img class="lazy" data-original="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/grogshop-img2.jpg"/>
            <p class="name">喆啡酒店<span>（成都武侯立交店）</span></p>
            <div class="address">
                <p>地址：</p>
                <p>武侯区武科东二路420号，距公司1.2km。</p>
            </div>
            <div class="phone">
                <p>联系方式：</p>
                <p>
                    <a href="tel:18030615782">18030615782</a><span>（温都新）</span></p>
            </div>
            <div class="price">
                <p>参考价格：</p>
                <div class="num">
                    <p>普间价：198</p>
                    <p>豪间价：258</p>
                </div>
            </div>
            <div class="else">
                <p>其他：</p>
                <p><span>公司协议合作单位，可挂账，</span><br/>无停车场。</p>
            </div>
        </div>
        <div class="content">
            <img class="lazy" data-original="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/grogshop-img3.jpg"/>
            <p class="name">寅生国际酒店</p>
            <div class="address">
                <p>地址：</p>
                <p>武侯区武青南路7号，距公司3km。</p>
            </div>
            <div class="phone">
                <p>联系方式：</p>
                <p>
                    <a href="tel:13880520816">13880520816</a><span>（李乐熙）</span></p>
            </div>
            <div class="price">
                <p>参考价格：</p>
                <div class="num">
                    <p>普间价：320</p>
                    <p>豪间价：420</p>
                </div>
            </div>
            <div class="else">
                <p>其他：</p>
                <p><span>公司协议合作单位，可挂账，</span><br/>免费停车场。</p>
            </div>
        </div>
        <div class="content">
            <img class="lazy" data-original="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/grogshop-img4.jpg"/>
            <p class="name">锦熙时代酒店</p>
            <div class="address">
                <p>地址：</p>
                <p>成都市武侯区晋吉南路99号，距公司2.3km。</p>
            </div>
            <div class="phone">
                <p>联系方式：</p>
                <p>
                    <a href="tel:13688382371">13688382371</a><span>（罗瑶）</span></p>
            </div>
            <div class="price">
                <p>参考价格：</p>
                <div class="num">
                    <p>普间价：238</p>
                    <p>豪间价：268</p>
                </div>
            </div>
            <div class="else">
                <p>其他：</p>
                <p><span>公司协议合作单位，可挂账，</span><br/>免费停车场。</p>
            </div>
        </div>
    </div>

    <div class="travel">
        <div class="title">
            <img class="left-bg" src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/title-left-bg.png"/>
            <p>旅游+票务服务包</p>
            <img class="right-bg" src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/title-right-bg.png"/>
        </div>
        <div class="content">
            <p class="name">四川铁航国际旅行社有限公司</p>
            <div class="phone">
                <p>联系方式：</p>
                <p>
                    <a href="tel:18980088559">18980088559</a><span>（李云杰）</span></p>
            </div>
            <div class="price">
                <p>参考价格：</p>
                <p>时价，同阶段最低价。</p>
            </div>
            <div class="else">
                <p>其他：</p>
                <p>公司协议合作单位，优先推荐。</p>
            </div>
        </div>
        <div class="content">
            <p class="name-1">四川龙翔旅业服务有限责任公司</p>
            <div class="phone">
                <p>联系方式：</p>
                <p>
                    <a href="tel:13980466326">13980466326</a><span>（刘家强）</span></p>
            </div>
            <div class="price">
                <p>参考价格：</p>
                <p>时价，同阶段最低价。</p>
            </div>
            <div class="else">
                <p>其他：</p>
                <p>公司协议合作单位。</p>
            </div>
        </div>
        <div class="content">
            <p class="name-2">四川省中国青年旅行社有限公司锦江分社</p>
            <div class="phone">
                <p>联系方式：</p>
                <p>
                    <a href="tel:13880123488">13880123488</a><span>（郎维钢）</span></p>
            </div>
            <div class="price">
                <p>参考价格：</p>
                <p>时价，同阶段最低价。</p>
            </div>
            <div class="else">
                <p>其他：</p>
                <p>公司协议合作单位。</p>
            </div>
        </div>
    </div>

    <div class="catering">
        <div class="title">
            <img class="left-bg" src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/title-left-bg.png"/>
            <p>餐饮服务包</p>
            <img class="right-bg" src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/title-right-bg.png"/>
        </div>
        <div class="content">
            <img class="lazy" data-original="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/catering-img1.jpg"/>
            <p class="name">友豪锦江酒店</p>
            <div class="address">
                <p>地址：</p>
                <p>武侯区武科东二路2号，距公司0.5km。</p>
            </div>
            <div class="phone">
                <p>联系方式：</p>
                <p>
                    <a href="tel:13693409816">13693409816</a><span>（黄铮）</span></p>
            </div>
            <div class="order">
                <p>点餐：</p>
                <p>自主消费</p>
            </div>
            <div class="buffet">
                <p>自助餐：</p>
                <p>98/位（午） 128/位（晚）</p>
            </div>

            <div class="else">
                <p>其他：</p>
                <p><span>公司协议合作单位，可挂账，</span><br/>免费停车场。</p>
            </div>
        </div>

        <div class="content">
            <img class="lazy" data-original="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/catering-img2.jpg"/>
            <p class="name">大蓉和酒楼<span>（外双楠店）</span></p>
            <div class="address">
                <p>地址：</p>
                <p>武侯区栖霞路46号，距公司15km。</p>
            </div>
            <div class="phone">
                <p>联系方式：</p>
                <p>
                    <a href="tel:028-87060707">028-87060707</a>
                </p>
            </div>
            <div class="price">
                <p>参考价格：</p>
                <p>人均90左右</p>
            </div>
            <div class="else">
                <p>其他：</p>
                <p><span>可从办公室借取打折卡，</span><br/>免费停车场。</p>
            </div>
        </div>
        <div class="content">
            <img class="lazy" data-original="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/catering-img3.jpg"/>
            <p class="name">寅生国际酒店</p>
            <div class="address">
                <p>地址：</p>
                <p>武侯区武青南路7号，距公司3km。</p>
            </div>
            <div class="phone">
                <p>联系方式：</p>
                <p>
                    <a href="tel:13880520816">13880520816</a><span>（李乐熙）</span></p>
            </div>
            <div class="price">
                <p>参考价格：</p>
                <p>800—1500元</p>
            </div>
            <div class="else">
                <p>其他：</p>
                <p><span>公司协议合作单位，可挂账，</span><br/>免费停车场。</p>
            </div>
        </div>
        <div class="content">
            <img class="lazy" data-original="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/catering-img4.jpg"/>
            <p class="name">廊桥酒楼<span>（滨江东路店）</span></p>
            <div class="address">
                <p>地址：</p>
                <p>锦江区滨江东路66号，距公司12km。</p>
            </div>
            <div class="phone">
                <p>联系方式：</p>
                <p>
                    <a href="tel:028-84446888">028-84446888</a>
                </p>
            </div>
            <div class="price">
                <p>参考价格：</p>
                <p>人均170左右</p>
            </div>
            <div class="else">
                <p>其他：</p>
                <p><span>可从办公室借取打折卡，</span><br/>免费停车场。</p>
            </div>
        </div>
        <div class="content">
            <img class="lazy" data-original="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/catering-img5.jpg"/>
            <p class="name">大妙火锅<span>（锦里店）</span></p>
            <div class="address">
                <p>地址：</p>
                <p>武侯区锦里二期乌衣巷13号，距公司10km。</p>
            </div>
            <div class="phone">
                <p>联系方式：</p>
                <p>
                    <a href="tel:028-85591111">028-85591111</a>
                </p>
            </div>
            <div class="price">
                <p>参考价格：</p>
                <p>人均160左右</p>
            </div>
            <div class="else">
                <p>其他：</p>
                <p><span>可从办公室借取打折卡，</span><br/>免费停车场。</p>
            </div>
        </div>
        <div class="content">
            <img class="lazy" data-original="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/catering-img6.jpg"/>
            <p class="name">雍雅河鲜鹭岛店</p>
            <div class="address">
                <p>地址：</p>
                <p>武侯区外双楠栖霞路46号，距公司3.1km。</p>
            </div>
            <div class="phone">
                <p>联系方式：</p>
                <p>
                    <a href="tel:028-87061777">028-87061777</a>
                </p>
            </div>
            <div class="price">
                <p>参考价格：</p>
                <p>人均270左右</p>
            </div>
            <div class="else">
                <p>其他：</p>
                <p><span>可从办公室借取打折卡，</span><br/>免费停车场。</p>
            </div>
        </div>
    </div>

    <div class="car">
        <div class="title">
            <img class="left-bg" src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/title-left-bg.png"/>
            <p>车辆租用、维修服务包</p>
            <img class="right-bg" src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/title-right-bg.png"/>
        </div>
        <div class="content-1">
            <div class="headline">
                <p class="name-1">租车</p>
                <p class="name-2">四川铁航国际旅行社有限公司</p>
            </div>
            <div class="text">
                <div class="phone">
                    <p>联系方式：</p>
                    <p>
                        <a href="tel:18980088559">18980088559</a><span>（李云杰）</span></p>
                </div>
                <div class="price">
                    <p>参考价格：</p>
                    <p>协议服务价。</p>
                </div>
            </div>
        </div>

        <div class="content-2">
            <div class="headline">
                <p class="name-1">维修</p>
                <p class="name-2">成都市宝驰汽车技术服务有限公司</p>
            </div>
            <div class="text">
                <div class="phone">
                    <p>联系方式：</p>
                    <p>
                        <a href="tel:028-85020355">028-85020355</a><span>（唐）</span></p>
                </div>
                <div class="address">
                    <p>地址：</p>
                    <p>成都市武侯区武侯大道铁佛段228号</p>
                </div>
                <div class="price">
                    <p>参考价格：</p>
                    <p>面议，同等最低价。</p>
                </div>
                <img src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/service-img.jpg"/>
            </div>

        </div>
    </div>

    <div class="advertisement">
        <div class="title">
            <img class="left-bg" src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/title-left-bg.png"/>
            <p>广告公司服务包</p>
            <img class="right-bg" src="http://dorabox.img-cn-shanghai.aliyuncs.com/integral/special/hndmfwb/title-right-bg.png"/>
        </div>

        <div class="content-1">
            <p class="headline">成都金猫特文化传播有限公司</p>
            <div class="text">
                <div class="phone">
                    <p>联系方式：</p>
                    <p>
                        <a href="tel:13551240240">13551240240</a><span>（杨晓东）</span></p>
                </div>
                <div class="price">
                    <p>参考价格：</p>
                    <p>协议服务价。</p>
                </div>
            </div>
        </div>
        <div class="content-1">
            <p class="headline">湘达印务</p>
            <div class="text">
                <div class="phone">
                    <p>联系方式：</p>
                    <p>
                        <a href="tel:13438108640 ">13438108640 </a><span>（杨）</span></p>
                </div>
                <div class="price">
                    <p>参考价格：</p>
                    <p>未签订合同，价格面议。</p>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $(function () {
            $("img.lazy").lazyload({
                effect: "fadeIn"
            });
        });
    </script>
</div>
